<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>早起挑战</title>
    <link rel="stylesheet" href="../mui/css/mui.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
<header class="mui-bar mui-bar-nav help-bar">
	<a class="mui-action-back"><i class="icon icon-back"></i></a>
	<h1 class="mui-title">早起挑战</h1>
    <div class="top-right">
    	<a href="早起挑战-我的战绩.html">我的战绩</a>
    </div>
</header>
<div class="mui-content">
	<div class="full-page early-bg">
    	<div class="early-box1">明早准时打卡可瓜分金额(元)</div>
        <div class="early-box2 mt5">190,564</div>
        <div class="early-box3 mt5">
        	<ul>
            	<li><img src="../images/p-male.png" alt="" /></li>
            	<li><img src="../images/p-male.png" alt="" /></li>
            	<li><img src="../images/p-male.png" alt="" /></li>
            	<li><img src="../images/p-male.png" alt="" /></li>
            	<li><img src="../images/p-male.png" alt="" /></li>
            	<li><img src="../images/p-male.png" alt="" /></li>
            	<li>···</li>
            </ul>
        	<div><span class="c-f7f4aa">22,000</span>人参与</div>
        </div>
        <div class="early-box4 mt15"><a href="早起挑战-挑战规则.html">挑战规则</a></div>
        <div class="early-box5 mt15">
        	<a href="早起挑战-挑战.html" class="early-go">我要挑战</a>
        	<!--<a href="javascript:;">参与倒计时 07时33分05秒后可参与下一轮挑战</a>-->
        	<!--<a href="javascript:;" class="early-cost cost5">打卡倒计时07时52分46秒</a>-->
            <a href="javascript:;" class="early-share pt-share">邀请好友一起挑战</a>
        </div>
        <div class="early-td yd"></div>
        <div class="early-cg">成功<span class="c-red c-f14 ml5">34,639</span></div>
        <div class="early-ls">失败<span class="c-4bb782 c-f14 ml5">34,639</span></div>
        <div class="early-ph">
        	<ul>
            	<li>
                	<div class="eph-img"><img src="../images/p-male.png" alt="" /><i class="eph-tab et-type1"></i></div>
                    <p class="mt8 c-nowrap">羊*</p>
                    <p class="c-red c-f14">680.47元</p>
                </li>
            	<li>
                	<div class="eph-img"><img src="../images/p-male.png" alt="" /><i class="eph-tab et-type2"></i></div>
                    <p class="mt8 c-nowrap">残阳*</p>
                    <p class="c-red c-f14">06:00:00打卡</p>
                </li>
            	<li>
                	<div class="eph-img"><img src="../images/p-male.png" alt="" /><i class="eph-tab et-type3"></i></div>
                    <p class="mt8 c-nowrap">炫</p>
                    <p class="c-red c-f14">连续66次</p>
                </li>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../mui/js/mui.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript">
//成功弹窗
var earlySuccess = function(){
	var shtml = '<div class="espop">'+
					'<div class="espop-box">'+
						'<a href="javascript:;" class="espop-close"><i class="icon icon-esclose"></i></a>'+
						'<div class="escon">今天可随机瓜分金额：<span class="c-red">304,770元</span>8点打卡结束后，可在我的战机页查看瓜分金额，9点前发放早起奖金</div>'+
						'<a href="javascript:;" class="c-btn c-btn-red espop-btn">知道了</a>'+
					'</div>'+
					'<div class="espop-mb"></div>'
				'</div>';
	$('body').append(shtml);
	$('.espop-mb,.espop-close,.espop-btn').click(function(){
		$(this).parents('.espop').remove();
	});
};

//失败弹窗
var earlyFiled = function(){
	var shtml = '<div class="espop">'+
					'<div class="espop-box esfiled">'+
						'<a href="javascript:;" class="espop-close"><i class="icon icon-esclose"></i></a>'+
						'<div class="escon c-t-center">明天请早啊</div>'+
						'<a href="javascript:;" class="c-btn c-btn-red espop-btn">知道了</a>'+
					'</div>'+
					'<div class="espop-mb"></div>'
				'</div>';
	$('body').append(shtml);
	$('.espop-mb,.espop-close,.espop-btn').click(function(){
		$(this).parents('.espop').remove();
	});
};
earlySuccess();
earlyFiled();
</script>
</body>
</html>